import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { FormsModule } from '@angular/forms';
import { HttpModule } from '@angular/http';
import {ReactiveFormsModule} from '@angular/forms';

import { AppComponent } from './app.component';
import {testComponent}  from '../components/test/test.component';
import { FormComponent } from './form/form.component';
import {test} from './pipe/pipeFn';
import { DirectiveComponent } from './directive/directive.component';
import {YellowBg} from './directive/directives/yellowBg.dct';
import {YellowBg2} from './directive/directives/yellowBg2.dct';
import {YellowBg3} from './directive/directives/YellowBg3.dct';

@NgModule({
  declarations: [
    AppComponent,
    FormComponent,
    test,
    DirectiveComponent,
    YellowBg,
    YellowBg2,
    YellowBg3
  ],
  imports: [
    BrowserModule,
    FormsModule,
    HttpModule,
    ReactiveFormsModule
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }
